@import "@/theme.less";
.form-media{
  padding: 6px 0;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  .box{
    position: relative;
    width: 70px;
    height: 70px;
    background: @main-bg;
    margin: 2px 2px 0 0;
    &:nth-of-type(3n){
      margin-right: 0;
    }
    &:last-child{
      background: none;
    }
    img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .close{
      position: absolute;
      left:-7px;
      top:-7px;
      width: 25px;
      height: 25px;
      line-height: 25px;
      border-radius: 12.5px;
      background: @main-color1;
      transform: scale(.9);
      text-align: center;
      color: #fff;
      i{
        font-size: @font-min;
      }
    }
  }
  #add-icon{
    text-align: center;
    i{
      font-size: 50px;
      color: @font-color1;
    }
  }
}
